import type React from 'react'
// import { Metadata } from 'next'

// import { Hero } from '@components/Hero/index'
// import { Page } from '@root/payload-types'
// import { StyleguidePageContent } from '../../PageContent/index'

// const hero: Page['hero'] = {
//   type: 'form',
//   media: null,
//   richText: [
//     {
//       children: [
//         {
//           text: 'Power your enterprise with Payload.',
//         },
//       ],
//       type: 'h1',
//     },
//     {
//       type: 'ul',
//       children: [
//         {
//           children: [
//             {
//               text: 'Enterprise plugins like SSO',
//             },
//           ],
//           type: 'li',
//         },
//         {
//           children: [
//             {
//               text: 'Support SLA',
//             },
//           ],
//           type: 'li',
//         },
//         {
//           children: [
//             {
//               text: 'Shared Slack channel',
//             },
//           ],
//           type: 'li',
//         },
//         {
//           children: [
//             {
//               text: 'Development Assistance',
//             },
//           ],
//           type: 'li',
//         },
//       ],
//     },
//   ],
//   links: [],
//   form: {
//     id: '636270638500b86c17b16b40',
//     title: 'Contact',
//     fields: [
//       {
//         name: 'name',
//         label: 'Name',
//         defaultValue: '0',
//         required: true,
//         id: '6362704a4cc94f87f3b7ad3b',
//         blockType: 'text',
//       },
//       {
//         name: 'email',
//         label: 'Email',
//         required: true,
//         id: '63627d022b0cb12d51e4942a',
//         blockType: 'email',
//       },
//       {
//         name: 'company',
//         label: 'Company',
//         required: true,
//         id: '63627d0b2b0cb12d51e4942b',
//         blockType: 'text',
//       },
//     ],
//     confirmationType: 'message',
//     confirmationMessage: [
//       {
//         children: [
//           {
//             text: 'Confirmed.',
//           },
//         ],
//       },
//     ],
//     emails: [],
//     createdAt: '2022-11-02T13:28:03.513Z',
//     updatedAt: '2022-11-03T18:31:26.451Z',
//     redirect: {
//       url: '',
//     },
//   },
// }

const FormBlockPage: React.FC = () => {
  // Disabled until frontend work is done
  return null
  // return (
  //   <StyleguidePageContent title="Form Hero" renderHeader={false} darkModePadding darkModeMargins>
  //     <Hero
  //       page={{
  //         breadcrumbs: [
  //           {
  //             label: 'hello',
  //             url: 'get out',
  //           },
  //         ],
  //         id: '',
  //         title: '',
  //         slug: '',
  //         hero,
  //         createdAt: '',
  //         updatedAt: '',
  //         meta: {},
  //         layout: [],
  //       }}
  //     />
  //   </StyleguidePageContent>
  // )
}

export default FormBlockPage

// export const metadata: Metadata = {
//   title: 'Form Hero',
// }
